<!DOCTYPE HTML>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit|ie-comp|ie-stand">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no"/>
    <meta http-equiv="Cache-Control" content="no-siteapp"/>
    <!--[if lt IE 9]>
    <script type="text/javascript" src="/admin/lib/html5shiv.js"></script>
    <script type="text/javascript" src="/admin/lib/respond.min.js"></script>
    <![endif]-->
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui/css/H-ui.css"/>
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/H-ui.admin.css"/>
    <link rel="stylesheet" type="text/css" href="/admin/lib/Hui-iconfont/1.0.8/iconfont.css"/>
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/skin/default/skin.css" id="skin"/>
    <link rel="stylesheet" type="text/css" href="/admin/static/h-ui.admin/css/style.css"/>
    <!--[if IE 6]>
    <script type="text/javascript" src="/admin/lib/DD_belatedPNG_0.0.8a-min.js"></script>
    <script>DD_belatedPNG.fix('*');</script>
    <![endif]-->
    <title></title>
</head>
<body>
<nav class="breadcrumb">
    <i class="Hui-iconfont">&#xe67f;</i> 首页 <span class="c-gray en">&gt;</span> 检测业务 <span class="c-gray en">&gt;</span>
    支付操作
    <a class="btn btn-primary radius r" style="line-height:1.6em;margin-top:3px"
       href="javascript:location.replace(location.href);" title="刷新"><i class="Hui-iconfont">&#xe68f;</i></a>
</nav>
<div class="page-container">
    <table class="table table-border table-bordered table-hover table-bg table-responsive" id="datatable">
        <thead>
        {{-- <tr>
            <th scope="col" colspan="6">合同管理</th>
        </tr> --}}
        <tr class="text-c">
            <th>批次编号</th>
            <th>客户名称</th>
            <th>受理人</th>
            <th>检测总金额(元)</th>
            <th>支付日期</th>
            <th>付款合同编号</th>
            <th>支付状态</th>
            <th>操作</th>
        </tr>
        </thead>
    </table>
</div>
<!--_footer 作为公共模版分离出去-->
<script type="text/javascript" src="/admin/lib/jquery/1.9.1/jquery.min.js"></script>
<script type="text/javascript" src="/admin/lib/layer/3.1.1/layer.js"></script>
<script type="text/javascript" src="/admin/static/h-ui/js/H-ui.min.js"></script>
<script type="text/javascript" src="/admin/static/h-ui.admin/js/H-ui.admin.js"></script> <!--/_footer 作为公共模版分离出去-->

<!--请在下方写此页面业务相关的脚本-->
<script type="text/javascript" src="/admin/lib/datatables/1.10.0/jquery.dataTables.min.js"></script>
<script type="text/javascript">

    var table;

    $(function () {
        $.fn.dataTable.ext.errMode = 'throw';//datatable抛异常的方式，在console中输出，默认以alert的方式弹出
        table = $('#datatable').DataTable({
            // order: [[ 5, 'desc' ]],//默认第几个排序
            ordering: false, // 是否排序
            // "stateSave": true,// 状态保存 - 再次加载页面时还原表格状态
            // "stateDuration": -1,//仅保留当前会话的数据
            // "paging":false, //禁用分页
            serverSide: true,//服务器端处理模式——此模式下如：过滤、分页、排序的处理都放在服务器端进行。
            // responsive: true,//响应式，需要插件
            // fixedHeader: true,//表头固定，需要插件
            // autoWidth: false,
            ajax: "",//客户端分页时，必须写url
            processing: true,//加载数据时候是否显示进度条
            language: {url: '/admin/lib/datatables/dataTables_Chinese_Lang.json'},
            /* createdRow : function( row, data, dataIndex ) {
                //当tr元素被创建（所有的td元素已经插入进去），或者给tr绑定事件，该回调函数被执行
                $(row).addClass( 'text-l' );
            }, */
            /* initComplete : function (settings, json) {
                //当表格完成加载绘制完成后执行此方法
                // $(row).addClass( 'text-c' );
                // alert(111);
            }, */
            initComplete: function (settings, json) {
                //当表格完成加载绘制完成后执行此方法
                //仅初次表格数据加载完成后执行
                // $(row).addClass( 'text-c' );
                $('#datatable_filter label input').attr('placeholder', '批次/客户名称/受理人')
            },
            columns: [
                {data: "batchNum", class: "text-c"},
                {
                    data: "client_name", class: "text-c",
                    render: function (data, type, row, meta) {
                        return '<a style="color:#1155CC" href="javascript:;" onclick="view_client_info(' + row.id + ')">' + data + '</a>'
                    }
                },
                {data: "creator", class: "text-c"},
                {data: "money", class: "text-c",
                    render: function (data, type, row, meta) {
                        if ('{{config('constant.app_name')}}' === 'ShanXiShiJiZhongShi') {
                            data = 0;
                            $.each(row.contract_gaiyao,function(i,item){
                                data = data + (item.tool_id === 47 ? 8000 : 300) * item.count;
                            })
                        }
                        return '<span id="money-'+ row.batchNum +'">'+data+'</span>';
                    },searchable:false
                },
                {data: "paid_at", class: "text-c"},
                {data: "paid_num", class: "text-c"},
                {
                    data: "paid_status", class: "text-c",
                    render: function (data, type, row, meta) {
                        if (data == 0) {
                            return '<span class="badge badge-warning radius">未支付</span>';
                        } else if (data == 1) {
                            return '<span class="badge badge-primary radius">已支付</span>';
                        } else {
                            return '<span class="badge badge-warning radius">未支付</span>';
                        }
                    },searchable:false
                },
                {
                    data: null, class: "text-c", //操作
                    render: function (data, type, row, meta) {
                        let str = '<div class="f-l">';
                            str += '<a class="ml-5 btn btn-primary radius size-MINI" onclick="edit('+ row.batchNum +','+ row.id +')">编辑</a>';
                            str += '</div>';
                        return str;
                    },searchable:false
                }
            ],
        });

        /*  draw  在表格完成绘制后触发*/
        /*  table.on( 'draw', function () {
             var info = table.page.info();
             //如果最后一页仅剩一条记录，而且不是在第一页
             if((info.start == info.end) && info.end > 1){
                 //跳转到上一页
                 $('#datatable_previous').click();
             }
         }); */
    });

    //编辑
    function edit(batchNum,id) {
        let money = $('#money-'+batchNum).text();
        window.location.href = "goPay/"+id+"?money="+ Number(money);
    }

    /*表格重新加载*/
    function table_reload(bool) {
        //清除表头 CheckBox的对勾
        $("#datatable").find("thead").find("input[type=checkbox]").removeAttr('checked');
        if (bool) {
            //true时，跳到第一页
            table.ajax.reload();
        } else {
            //false时，停留在原来页
            table.ajax.reload(null, false);
        }
    }


    /* 点击进入 */
    function comein(id) {
        location.href = '/{{config('constant.name_admin')}}/contractGaiyao/viewShow?id=' + id;
    }

    /*查看批次的客户信息*/
    function view_client_info(id) {
        layer_show('批次信息', '/{{config('constant.name_admin')}}/contract/viewClientInfo?id=' + id, '', '');
    }
</script>
</body>
</html>
